<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:utils="http://java.sun.com/jsf/composite/utils"
      xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view locale="#{localizer.locale}" contentType="text/html"/>
<h:head>
    <link href="resources/styles/main.css" rel="stylesheet" type="text/css"/>
	<link href="resources/styles/reset.css" rel="stylesheet" type="text/css"/>
	<link href="resources/styles/style.css" rel="stylesheet" type="text/css"/>
	<link href="resources/styles/stimenu.css" rel="stylesheet" type="text/css"/>
    <h:outputScript library="primefaces" name="jquery/jquery.js"/>
    <title>#{m.title_rent}</title>
</h:head>

<h:body>

    <div>
        <utils:menuComponent/>
		
		<div class="rent-container">
			<table>
				<ui:repeat var="rent" value="#{showProducts.rents}">
					<tr>
							<td>#{rent.name}</td> 
							<td>12шт.</td>  
							<td><b>#{rent.price}</b>&nbsp;#{m.uah}.</td>
							<td>
								<h:form>
									<h:commandButton value="взять в аренду" action="#{showProducts.buy}" styleClass="rent-button">
										<f:setPropertyActionListener target="#{showProducts.product}" value="#{rent}"/>
									</h:commandButton>	
								</h:form>
							</td>
					</tr>
				</ui:repeat>		
			</table>	
        </div>

	</div>

	
</h:body>

</html>